@charset "utf-8";

* {

    padding: 0;

    margin: 0;

    box-sizing: border-box;

}



html,

body {

    color: #333333;

    font-family: Helvetica,'Microsoft YaHei', STHeiti, Arial, 'FontAwesome', Verdana, "sans-serif" !important;

    font-size: 62.5%;

    font-weight: normal;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    background-color: #fff;

}



html {

    overflow: -moz-scrollbars-none;

}



html::-webkit-scrollbar {

    width: 0px;

    background: none;

}



a {

    text-decoration: none;

    border: none;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    -webkit-tap-highlight-color: transparent;

    outline: none;

}



a:hover,

a:focus {

    text-decoration: none;

}



ul li {

    list-style: none;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    margin-top: 0px;

    margin-bottom: 0px;

    color: #000000;

    font-weight: bold;

    transition: all 400ms ease 0s;

    -webkit-transition: all 400ms ease 0s;

    -moz-transition: all 400ms ease 0s;

    -o-transition: all 400ms ease 0s;

}



.clear {

    display: block;

    clear: both;

}



.clearfix {

    display: block;

    clear: both;

}



input[type="button"],

input[type="submit"] {

    -webkit-appearance: none;

    outline: none;

}



.fl {

    float: left;

}



.fr {

    float: right;

}



img {

    image-rendering: -moz-crisp-edges;

    image-rendering: -o-crisp-edges;

    image-rendering: -webkit-optimize-contrast;

    image-rendering: crisp-edges;

    -ms-interpolation-mode: nearest-neighbor;

    transition: all 400ms ease 0s;

    -webkit-transition: all 400ms ease 0s;

    -moz-transition: all 400ms ease 0s;

    -o-transition: all 400ms ease 0s;

    max-width: 100%;

    height: auto;

}



#headdiv {

    width: 100%;

    height: 90px;

    padding: 0 13.0%;

    background-color: #00263a;

    display: block;

    /* position: fixed; */

    z-index: 999;

}



.navScroll {

    position: fixed !important;

    left: 0; 

    top: 0;

    background-color: rgba(0, 0, 0, 0.85) !important;

    background-color: #1495e8 !important;

    background-color: rgba(20,149,232,0.85) !important;

}



.navRound a{

    border-radius: 8px;

}





.logo {

    width: 12%;

    float: left;

    position: relative;

    z-index: 9999;

}



.logo a {

    display: block;

    width: 100%;

    margin-top: 17px;

    overflow: hidden;

}



.logo a img {

    display: block;

    max-width: 200px;

    max-height: 56px;

    transform: scale(1.0);

    -ms-transform: scale(1.0);

    -moz-transform: scale(1.0);

    -webkit-transform: scale(1.0);

    -o-transform: scale(1.0);

}



.logo a:hover img {

    transform: scale(0.9);

    -ms-transform: scale(0.9);

    -moz-transform: scale(0.9);

    -webkit-transform: scale(0.9);

    -o-transform: scale(0.9);

}



#mobileNavButton {

    float: right;

    display: none;

}



#mobileNavButton a {

    font-size: 2.4rem;

    color: #000;

}



#mobileNavButton a i {

    color: #fff;

}



.language {

    width: 8%;

    float: right;

    margin-top: 34px;

}



.language a {

    display: block;

    color: #d7eefe;

    font-size: 1.8rem;

    font-family: Arial;

}



.language a span {

    margin-right: 8px;

}



.language a:hover {

    color: #f9440a;

}



.language a img {

    vertical-align: top;

    max-width: 22px;

}



.searchdiv {

    width: 6%;

    float: right;

    margin-top: 32px;

    text-align: center;

}



.searchdiv a {

    padding: 18px 0;

    color: #d7eefe;

    font-size: 2.1rem;

}



.searchdiv a:hover {

    color: #f9440a;

}



/* 导航菜单部分 */

.navdiv {

    width: 80%;

    float: left;

    margin-top: 15px;

}



.navdiv>ul {

    display: block;

    width: 100%;

    font-size: 0px;

    margin: 0 auto;

    padding: 0;

    text-align: center;

    position: relative;

    z-index: 3;

}



.navdiv>ul>li {

    display: inline-block;

    width: 10.0%;

    width: 12.25%;

    text-align: center;

    position: relative;

    z-index: 3;

}



.navdiv>ul>li>a {

    font-size: 1.6rem;

    font-weight: 700;

    color: #ffffff;

    text-transform: uppercase;

    display: block;

    width: 100%;

    text-align: center;

    padding: 18px 0px;

    position: relative;

    z-index: 2;

    background-color: transparent;

}



.navdiv>ul>li>a>i {

    font-size: 1.5rem;

    margin-right: 6px;

    color: #fff;

}



.navdiv>ul>li>a:hover {

    color: #1495e7;

    color: #874C00;

    color: #f9440a;

}



.navdiv>ul>li>a.on,

.navdiv>ul>li>a:active,

.navdiv>ul>li>a:focus {

    color: #f9440a;

}

.navdiv>ul>li>a.on:hover{

    color:#f9440a;

}



.navdiv ul li:hover ul {

    display: block;

}



.navdiv ul li:hover ul ul {

    display: none

}



.navdiv ul li ul {

    position: absolute;

    left: 0;

    background-color: #fafafa;

    color: #333;

    box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.25);

    display: none;

}



.navdiv ul li ul li {

    display: block;

    width: 180px;

    height: inherit;

    padding-left: 21px;

    border-top: 1px solid #f0f0f0;

    text-align: left;

    overflow: visible;

    position: relative;

    list-style: disc inside;

}



.navdiv ul li ul li:nth-of-type(1) {

    border-top: none;

}



.navdiv ul li ul li a {

    display: block;

    text-align: left;

    padding: 8px 0;

    font-size: 1.5rem;

    color: #050c12;

    text-transform: uppercase;

    position: relative;

}



.navdiv ul li ul li a::before {

    content: "\f105";

    font-size: 1.5rem;

    padding-right: 7px;

}



.navdiv ul li ul li:hover {

    background-color: #f9440a;

}



.navdiv ul>li>ul>li:hover a {

    color: #fff;

    font-size: 1.5rem;

}



.navdiv ul>li>ul>li>ul>li>a {

    color: #050c12 !important;

    font-size: 1.5rem;

}



.navdiv ul>li>ul>li>ul>li:hover a {

    color: #fff !important;

    font-size: 1.5rem;

}



.navdiv ul li ul li:hover ul {

    display: block;

}



.navdiv ul li ul li ul {

    position: absolute;

    left: 160px;

    top: -1px;

    background-color: #fafafa;

    display: none;

}



.navdiv ul li ul li ul li {

    width: 160px;

    height: inherit;

    overflow: visible;

}



.navdiv ul li ul li ul li a {

    display: block;

    text-align: left;

    padding: 8px 0;

    font-size: 1.5rem;

    color: #050c12;

    text-transform: uppercase;

    position: relative;

}



.navdiv ul li ul li ul li:hover a {

    color: #fff;

    font-size: 1.5rem;

}



.navdiv ul li ul li:hover ul {

    display: block;

}



/* hbox */

#HBox {

    width: 300px;

    height: 270px;

    margin: 0 auto;

    box-shadow: 1px 1px 5px #333;

    -webkit-box-shadow: 1px 1px 5px #333;

    display: none;

    background-color: #fff;

    position: fixed;

    top: 50%;

    left: 50%;

    margin: -120px 0 0 -150px;

    z-index: 100000

}



#searchform {

    padding: 50px 15px 10px;

    font-size: 0px;

}



#searchform #searchtxt {

    width: 245px;

    height: 42px;

    border: 1px solid #a40e16;

    padding-left: 15px;

    font-size: 1.6rem;

    vertical-align: top;

    border-radius: 4px 0 0 4px;

}



#searchform button {

    width: 42px;

    height: 42px;

    border: none;

    background-color: #a40e16;

    color: #fff;

    cursor: pointer;

    vertical-align: top;

    border-radius: 0 4px 4px 0;

}



#searchform button i {

    font-size: 2.0rem;

    line-height: 1.75;

}



/* banner 部分start */

.flash{

    margin-top: 5px;

}



.bx-wrapper {

    position: relative;

    margin: 0 auto 0px;

    padding: 0;

    border: 1px solid #ccc;

    *zoom: 1;

    z-index: 1;

}



.flash .bx-wrapper {

    border: none;

}



.bx-wrapper img {

    width: 100%;

    display: block;

}



.bx-wrapper .bx-viewport {

    transform: translatez(0);

}



.bx-wrapper .bx-pager,

.bx-wrapper .bx-controls-auto {

    position: absolute;

    bottom: 0px;

    width: 100%;

}



.bx-wrapper .bx-loading {

    min-height: 50px;

    background: url(../img/bx_loader.gif) center center no-repeat #fff;

    height: 100%;

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 2000;

}



.bx-wrapper .bx-pager {

    text-align: center;

    font-size: .85em;

    font-weight: bold;

    color: #666;

    padding-top: 20px;

    bottom: 15px;

}



.bx-wrapper .bx-pager .bx-pager-item,

.bx-wrapper .bx-controls-auto .bx-controls-auto-item {

    display: inline-block;

    *zoom: 1;

    *display: inline;

}



.bx-wrapper .bx-pager.bx-default-pager a {

    border: 1px solid #fff;

    background-color: #fff;

    text-indent: -9999px;

    display: block;

    width: 14px;

    height: 14px;

    margin: 0 5px;

    outline: 0;

    border-radius: 10px;

}



.bx-wrapper .bx-pager.bx-default-pager a:hover,

.bx-wrapper .bx-pager.bx-default-pager a.active {

    background: #ea2e14;

    border: 1px solid #ea2e14;

}



.bx-wrapper .bx-prev {

    left: 10px;

    background: url(../img/controls.png) no-repeat 0 -32px;

}



.bx-wrapper .bx-next {

    right: 10px;

    background: url(../img/controls.png) no-repeat -43px -32px;

}



.bx-wrapper .bx-prev:hover {

    background-position: 0 0;

}



.bx-wrapper .bx-next:hover {

    background-position: -43px 0;

}



.bx-wrapper .bx-controls-direction a {

    position: absolute;

    top: 50%;

    margin-top: -16px;

    outline: 0;

    width: 32px;

    height: 32px;

    text-indent: -9999px;

    z-index: 999;

}



.bx-wrapper .bx-controls-direction a.disabled {

    display: none;

}



.bx-wrapper .bx-controls-auto {

    text-align: center;

}



.bx-wrapper .bx-controls-auto .bx-start {

    display: block;

    text-indent: -9999px;

    width: 10px;

    height: 11px;

    outline: 0;

    background: url(../img/controls.png) -86px -11px no-repeat;

    margin: 0 3px;

}



.bx-wrapper .bx-controls-auto .bx-start:hover,

.bx-wrapper .bx-controls-auto .bx-start.active {

    background-position: -86px 0;

}



.bx-wrapper .bx-controls-auto .bx-stop {

    display: block;

    text-indent: -9999px;

    width: 9px;

    height: 11px;

    outline: 0;

    background: url(../img/controls.png) -86px -44px no-repeat;

    margin: 0 3px;

}



.bx-wrapper .bx-controls-auto .bx-stop:hover,

.bx-wrapper .bx-controls-auto .bx-stop.active {

    background-position: -86px -33px;

}



.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {

    text-align: left;

    width: 80%;

}



.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {

    right: 0;

    width: 35px;

}



.bx-wrapper .bx-caption {

    position: absolute;

    bottom: 0;

    left: 0;

    background: #666\9;

    background: rgba(80, 80, 80, 0.85);

    width: 100%;

}



.bx-wrapper .bx-caption span {

    color: #fff;

    display: block;

    font-size: .85em;

    padding: 10px;

}

/* banner 部分end */





.maindiv{

    width: 100%;

    padding: 75px 13.0%;

}



.toptitle{

    margin: 0 auto 30px;

    text-align: center;

}



.toptitle h3{

    font-size: 3.6rem;

    color:#00263a;

}



.ipronav{

    width: 100%;

    margin: 0 auto;

    text-align: center;

    padding-bottom: 30px;

}



.ipronav li{

    display: inline-block;

    margin: 5px 10px;

}



.ipronav li a{

    display: block;

    width: 150px;

    height: 42px;

    border-radius: 21px;

    background-color: #1495e7;

    color:#fff;

    font-size: 1.8rem;

    font-weight: 700;

    text-align: center;

    line-height: 40px;

}



.ipronav li a:hover{

    background-color:#f9440a;

}



.iprolist{

    width: 100%;

}

.iproItem{

    float: left;

    width: 32.0%;

    margin-right: 2.0%;

    margin-bottom: 30px;

}



.iproItem:nth-of-type(3),

.iproItem:nth-of-type(6){

    margin-right: 0%;

}



.iproItem:nth-of-type(7),

.iproItem:nth-of-type(8){

    width: 49.0%;

    margin-bottom: 0;

}



.iproItem:nth-of-type(8){

    margin-right: 0%;

}



.iproItemWrap{

    width: 100%;

    position: relative;

    overflow: hidden;

    background-color: #fff;

    box-shadow: 0 0 8px rgba(0,0,0,0.15);

    box-shadow: none;

}

.iproItemPic{

    width: 100%;

    height: 0;

    padding-bottom: 50%;

    position: relative;

}



.iproItemPic a{

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    padding: 5%;

    padding: 0%;

    text-align: center;

}



.iproItemPic a img{

    max-width: 100%;

    max-height: 100%;

    margin: auto;

}



.iproItemTxt{

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    padding: 9px 10px;

    background-color: rgba(0,0,0,0.3);

}



.iproItemTxt a{

    display: block;

    width: 100%;

    color:#fff;

    text-align: center;

    font-size: 1.8rem;

    font-weight: 700;

}





.iproItemWrap:hover{

    box-shadow: 0 0 12px rgba(249,68,10,0.5);

}



.iproItemWrap:hover .iproItemPic a img{

    transform: scale(1.25);

    -ms-transform: scale(1.25);

    -moz-transform: scale(1.25);

    -webkit-transform: scale(1.25);

    -o-transform: scale(1.25);

}



.iproItemWrap:hover .iproItemTxt{

    background-color: #f9440a;

}



.getpricebox{

    width: 100%;

    padding: 50px 0;

    border: 2px dashed #1495e7;

    margin: 0 auto;

    text-align: center;

    background-color: #fff;

    position: relative;

}



.getpricebox h3{

    font-size: 2.1rem;

    color:#002133;

    margin-top: 20px;

}



.getpricebox p{

    margin-top: 15px;

    margin-bottom: 30px;

    font-size: 1.5rem;

    color:#777;

}



input#c_name{

    width: 160px;

    height: 40px;

    border:1px solid #1495e7;

    font-size: 1.5rem;

    padding-left: 15px;

    border-radius: 4px;

}

input#c_mobile

{

    width: 242px;

    height: 40px;

    border:1px solid #1495e7;

    font-size: 1.5rem;

    padding-left: 15px;

    border-radius: 4px;

}

input#c_mobile:focus, input#c_mobile:active, input#c_name:focus, input#c_name:active{

    outline-color:#f9440a;

}

.fileslabel{

    display: inline-block;

    border:1px solid #1495e7;

    width: 160px;

    height: 40px;

    vertical-align: top;

    line-height: 38px;

    color:#00263a;

    font-size: 1.5rem;

    background-color: #f4f6ee;

    cursor: pointer;

    border-radius: 4px;

}

label.fileslabel:hover, label.fileslabel:focus, label.fileslabel:active{

    outline-color:#f9440a;

    border-color:#f9440a;

}

input#getpricebtn{

    width: 160px;

    height: 40px;

    border: none;

    font-size: 1.5rem;

    font-weight: 700;

    color:#fff;

    background-color:#1495e7;

    text-align: center;

    cursor: pointer;

    border-radius: 4px;

}



input#getpricebtn:hover{

    background-color: #f9440a;

}



.iabout{width:100%; background-color: #ffffff;}

.iabout::after{content: ''; display: block; clear: both;}

.iableft{width: 45%; float: left; overflow: hidden;}

.iableft a{display: block; width: 100%;}

.iableft a img{max-width: 100%; transition: all .25s;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s}

.iableft a:hover img { transform: scale(1.2);}

.iabright{width: 55%; padding-left: 4.5%; padding-right: 12.50%; box-sizing: border-box; float: left;}

.iabright h3{ font-size: 3.6rem; font-weight: 700; color:#00263a; margin-top: 66px; margin-bottom: 34px; position: relative;}



.iabright {color: #bcc1c7; font-size: 14px;}

.iabright p{ color: #777777; font-size: 16px; text-align: justify; line-height: 30px; }

.iabb{ width: 100%; margin-top: 60px; margin-bottom: 35px;}

.iabbtn{ display: block; float: left; width: 32%; margin-right: 2%; padding: 2.4%; background-color: #1495e7; font-size: 1.8rem; color:#fff;}

.iabbtn img{max-width: 44px; max-height: 44px; float: left; margin-right: 19px;}

.iabbtn i{font-style: normal; font-family: Arial; font-size: 1.4rem;}

.iabbtn:nth-of-type(3){margin-right: 0;}

.iabbtn:hover{background-color: #f9440a;}

.lineimgdiv{width: 100%; clear: both;}

p.title_p{ font-size: 1.4rem; color:#777; text-align: center;}

.featureicon{width: 100%; font-size: 0; text-align: center; margin-top: 70px; margin-bottom: 0px;}

.featureiconItem{display: inline-block; width: 25%;}

.featureiconItem img{

    max-width: 100px; 

    max-height: 100px;

    -webkit-transform: rotateY(0deg);

            transform: rotateY(0deg);

    -webkit-transform-style: preserve-3d;

            transform-style: preserve-3d;



}

.featureiconItem h4{font-size: 2.0rem; color:#002133; margin-top: 30px; margin-bottom: 10px;}

.featureiconItem p{font-size: 1.4rem; color:#666666;}

.featureiconItem:hover img{

    -webkit-transform: rotateY(-180deg);

            transform: rotateY(-180deg);

    -webkit-transform-style: preserve-3d;

            transform-style: preserve-3d;



}



.itese{

    width: 100%;

    font-size: 0;

}

.iteseItem{ display: inline-block; width:33.33%; position: relative; overflow: hidden;}

.iteseItem p{ 

    display: block; 

    float: left; 

    position: absolute; 

    top:50%; 

    left: 50%; 

    font-size: 1.8rem; 

    font-weight: 700; 

    color:#fff; 

    transform: translateX(-50%) translateY(-50%);

    -webkit-transform: translateX(-50%) translateY(-50%);

    -moz-transform: translateX(-50%) translateY(-50%);

    -o-transform: translateX(-50%) translateY(-50%);

}

.iteseItem img{max-width: 100%;}

.iteseItem:hover img{transform:scale(1.14);}



.leftstyle{ text-align: left;}

.inewslist{

    width: 100%;

    margin: 0 auto;

}

.inewslist::after{

    content: '';

    display: block;

    clear: both;

}

.inewsItem{

    float: left;

    width: 31.69%;

    margin-right: 2.46%;

    margin-bottom: 30px;

}

.inewsItem:nth-of-type(3){

    margin-right: 0%;

}

.inewsItemWrap{

    width: 100%;

}

.inewsItemPic{

    width: 100%;

    height: 0;

    padding-bottom: 50%;

    position: relative;

    overflow: hidden;

}

.inewsItemPic a{

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    margin: 0 auto;

    text-align: center;

}

.inewsItemPic a img{

    width: 100%;

    height: auto;

    margin: auto;

}

.inewsItemTxt{

    width: 100%;

    padding: 5%;

    border:1px solid #1495e7;

    border-top:none;

}

.inewsItemTxt h3{

    padding-bottom: 12px;

    border-bottom: 1px solid #1495e7;

    margin-bottom: 18px;

}

.inewsItemTxt h3 a{

    font-size: 2.1rem;

    font-weight: 700;

    text-align: left;

    color:#00263a;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    line-height:inherit;

}

.inewsItemTxt h3 a:hover{

    color:#f9440a;

}



.inewsItemTxt p{

    font-size: 1.6rem;

    color:#acacac;

    text-align:justify;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical;

    line-height:inherit;

}



.inewsItemTxt span{

    display: block;

    margin-top: 40px;

}

.inewsItemTxt span a{

    transition: all 400ms ease 0s;

    -webkit-transition: all 400ms ease 0s;

    -moz-transition: all 400ms ease 0s;

    -o-transition: all 400ms ease 0s;

    font-size: 4.2rem;

    color:#1495e7;

}

.inewsItem:hover{

    box-shadow: 0 0 12px rgba(249,68,10,0.5);

    box-shadow: 0 0 15px rgba(0,0,0,0.20);

}

.inewsItem:hover .inewsItemWrap .inewsItemPic a img{

    transform:scale(1.25);

    -webkit-transform:scale(1.25);

    -moz-transform:scale(1.25);

    -o-transform:scale(1.25);

}

.inewsItem:hover .inewsItemWrap .inewsItemTxt{

    border: 1px solid #f9440a;

    border-top:none;

}

.inewsItem:hover .inewsItemWrap .inewsItemTxt h3{

    border-color: #f9440a;

}

.inewsItemTxt h3 a:hover{

    color:#f9440a;

}

.inewsItemTxt span a:hover{

    display: inline-block;

    transform: translateX(10px);

    -webkit-transform: translateX(10px);

    -moz-transform: translateX(10px);

    -o-transform: translateX(10px);

    color:#f9440a;

}





/*页脚*/

.footer{width: 100%;}

.footerTop{

    width:100%; 

    padding: 75px 13.0%; 

    background: url("../images/footpic.png") right bottom no-repeat, url("../images/footpic.png") left top no-repeat;

    background-size: contain;

    background-color: #00263a;

}

.sub_nav_left{width:32%; float: left;}

.sub_nav_left_wrap{width: 100%; padding-right: 36%;}

.sub_nav_left_wrap img{max-width:170px; max-height: 47px;}

.sub_nav_left_wrap p{font-size: 1.2rem; color:rgba(255,255,255,0.75); padding-top: 18px; padding-bottom: 26px;}

.sub_nav_left_wrap span{font-size: 1.4rem; color:#1495e7; font-weight: 700;}

.sub_nav_left_wrap span i{font-weight: normal;}

.sub_nav_center{width:40%; float: left;}

.sub_nav_center_wrap{width: 100%;}

.sub_nav_center_wrap::after{content:''; display: block; clear: both;}

.sub_nav_center_wrap dl{display: block; float: left; width: 33.33%;}

.sub_nav_center_wrap dl dt{font-size: 1.8rem; font-weight: bold; color:#138fdf; margin-bottom: 40px;}

.sub_nav_center_wrap dl dd{margin-bottom: 8px;}

.sub_nav_center_wrap dl dd a{color:rgba(255,255,255,0.75); font-size: 1.3rem; /*font-weight:bold;*/}

.sub_nav_center_wrap dl dd a::before{content: "\f0da"; color:rgba(255,255,255,0.75); padding-right: 10px;}

.sub_nav_center_wrap dl dd#icondd a{display: inline-block; width: 32px; height: 32px; margin-right: 8px; margin-bottom: 8px; background-color: rgba(255,255,255,0.3); text-align: center; line-height: 36px;}

.sub_nav_center_wrap dl dd#icondd a i{font-size: 2.0rem; color:#fff;}

.sub_nav_center_wrap dl dd#icondd a::before{content:''; padding-right: 0;}

.sub_nav_center_wrap dl dd a:hover{color:#f9440a; }

.sub_nav_center_wrap dl dd a:hover::before{color:#f9440a;}

.sub_nav_center_wrap dl dd#icondd a:hover{background-color:#f9440a;}

.sub_nav_right{width:28%; float: right;}

.sub_nav_right_wrap{width: 100%; text-align: right;}

.sub_nav_right_wrap dl{text-align: right;}

.sub_nav_right_wrap dl dd{display: inline-block; width: 150px; height: 160px; margin-left: 20px; background-color: rgba(255,255,255,0.3); padding: 20px 20px 0px 20px;}

.sub_nav_right_wrap dl dd p{color:#fff; text-align: center; font-size: 1.4rem;}

.footerDown{width:100%; padding: 40px 13.0%; background-color: #000f17;}

.footerDown p{color:#ccc; font-size: 1.2rem;}

.footerDown p a{color:#ccc; font-size: 1.2rem;}

.footerDown p a:hover{color:#f9440a;}

.footerDown p span{float: right;}





.updownBtn {

    float: right;

    position: fixed;

    right: 5px;

    bottom: 150px;

    z-index: 9;

}



.upBtn,

.downBtn {

    width: 50px;

    height: 50px;

    border-radius: 50%;

    overflow: hidden;

    margin-bottom: 5px;

}



.upBtn a,

.downBtn a {

    display: block;

    width: 100%;

    height: 100%;

    font-size: 2.4rem;

    color: #fff;

    text-align: center;

    background-color: #666;

    line-height: 45px;

}



.innerBanner{

    width: 100%;

    height: 300px;

    padding: 0 13.0%;

    background-color: #1495e7;

    position: relative;

}



.productbanner{

    background: url(../images/innerbanner-product.jpg) center center no-repeat;

    background-size: cover;

}

.newsbanner{

    background: url(../images/innerbanner-news.jpg) center center no-repeat;

    background-size: cover;

}

.aboutbanner{

    background: url(../images/innerbanner-about.jpg) center center no-repeat;

    background-size: cover;

}

.contactbanner{

    background: url(../images/innerbanner-contact.jpg) center center no-repeat;

    background-size: cover;

}

.equipmentbanner{

    background: url(../images/innerbanner-equipment.jpg) center center no-repeat;

    background-size: cover;

}

.messagebanner{

    background: url(../images/innerbanner-message.jpg) center center no-repeat;

    background-size: cover;

}



.location{

    width: 100%;

    padding-top: 55px;

}



.location h2{

    font-size: 3.6rem;

    color:#fff;

    margin-bottom: 15px;

}



.location p {

    font-size: 1.6rem;

    color: #fff;

}



.location p a {

    font-size: 1.6rem;

    color: #fff;

    padding-left: 8px;

    padding-right: 8px;

}



.location p a:first-child {

    padding-left: 0px;

}



.location p a:hover {

    color: #000;

}



#subnav{

    width: 100%;

    height: 50px;

    position: absolute;

    left: 0;

    bottom: 0px;

    background-color: #fff;

    background-color: rgba(255,255,255,0.3);

    z-index: 2;

}

.subnavlist{

    width: 100%;

    padding: 10px 10.9475% 0px;

    padding: 10px 13.0% 0px;

    text-align: center;

    text-align: left;

    font-size: 0;

}



.subnavlist a{

    display: inline-block;

    padding: 5px 20px;

    border-radius: 8px;

    margin-right: 5px;

    margin-bottom: 5px;

    color:#454545;

    font-size: 1.5rem;

    font-weight: bold;

    font-family: '微軟正黑體','Microsoft YaHei';

    font-family: 'Microsoft YaHei';

    background-color: #fff;

}



.subnavlist a:hover, .subnavlist a.on{

    color:#ffffff;

    background-color: #f9440a;

}



.subnavlist p{font-size: 1.3rem; font-weight: 700; color:#454545; padding: 2px; padding-left:30px; background-color: rgba(255,255,255,0.9); border-radius: 8px;}





/*分页*/



.pagediv {

    clear: both;

    margin: 0px auto 0px;

    text-align: center;

    padding-top: 25px;

    padding-bottom: 100px;

    font-family: "Helvetica";

}



.pagediv a {

    display: inline-block;

    width: 32px;

    height: 32px;

    font-size: 14px;

    border: 1px solid #c1c5cc;

    border-radius: 4px;

    text-align: center;

    margin: 4px;

    color: #333;

    text-decoration: none;

    vertical-align: middle;

    background-color: #fff;

    font-family: "Helvetica";

    line-height: 30px;

}



.pagediv a:hover,

.pagediv a:focus {

    font-size: 14px;

    border: #f9440a 1px solid;

    color:#fff;

    background-color:#f9440a;

}



.pagediv .current,

.pagediv .thisclass,

.pagediv .pageinfo,

.pagediv span {

    display: inline-block;

    width: 32px;

    height: 32px;

    border: #f9440a 1px solid;

    border-radius: 4px;

    font-size: 14px!important;

    color: #fff;

    text-align: center;

    margin: 4px;

    background-color: #f9440a;

    vertical-align: middle;

    font-family: "Helvetica";

    line-height: 30px;

}



.pagediv .pageinfo {

    background-color: #eeeeee;

    border: #eeeeee 1px solid;

    color: #333;

    text-align: center;

    height: 32px;

    width: auto !important;

    padding-left: 15px;

    padding-right: 15px;

    vertical-align: middle;

    font-family: "Helvetica";

    font-size: 1.2rem!important;

    line-height: 30px;

}

/*关于*/

.companyBox{width:100%;}

.companyBox::after{content:''; display: block; clear: both;}

.companyBoxLeft{width: 50%; display: block; float: right; margin: 0 auto; text-align: center;}

.companyBoxLeft img{width: 80%;}

.companyBoxRight{width: 50%; padding-right: 10%; display: block; float: left;}

.companyBoxRight h3{font-size: 2.8rem; color:#000; margin-bottom: 30px;}

.companyBoxRight h3::after{content:''; display: block; width: 32px; height: 3px; background-color: #f9440a; margin-top: 15px;}

.companyBoxRight p{font-size: 1.5rem; /*color:#454545;*/ line-height: 1.8;}

.companyBoxRight p a{font-size: 1.5rem; color:#fff; display: block; width: 120px; height: 36px; background-color: #f9440a; margin-top: 20px; text-align: center; line-height: 34px;}

.companyBoxRight p a:hover{background-color: #00263a;}

.developmentBox{width: 100%; /*background-color: #f3f3f3;*/ padding: 70px 0; margin-top: 30px;}

.developmentBox::after{content:''; display: block; clear: both;}

.developmentBoxLeft{width: 50%; display: block; float: left; margin: 0 auto; text-align: center;}

.developmentBoxLeft img{width: 100%;}

.developmentBoxRight{width: 50%; padding-left: 10%; display: block; float: left;}

.developmentBoxRight h3{font-size: 2.8rem; color:#000; margin-bottom: 50px;}

.developmentBoxRight h3::after{content:''; display: block; width: 32px; height: 3px; background-color: #f9440a; margin-top: 15px;}

.developmentBoxRight ul{display: block; border-left: 1px dotted #1495e7; padding-left: 15px;}

.developmentBoxRight ul li{list-style: outside disc url("../images/linedot.jpg"); padding-left: 20px; margin-bottom: 20px;}

.developmentBoxRight ul li h4{font-size: 2.8rem; font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif"; color:#1495e7;}

.developmentBoxRight ul li h4 span{font-size: 1.8rem; font-weight: 700; padding-left: 20px;}

.developmentBoxRight ul li p{font-size: 1.5rem;}

.cultureBx{width: 100%;}

.cultureBx h3{font-size: 2.8rem; color:#000; margin-bottom: 30px; text-align: center;}

.cultureBx h3::after{content:''; display: block; width: 32px; height: 3px; background-color: #f9440a; margin: 15px auto; text-align: center;}

.cultureBx img{width: 100%;}

.quality{width: 100%; height: 400px; margin: 70px 0; padding: 40px 0; background: url("../images/honorbg.jpg") center center no-repeat;}

.quality::after{content: ''; display: block; clear: both;}

.qualityLeft{width: 50%; padding-left: 5%; float: left;}

.qualityLeft h3{font-size: 2.8rem; color:#000; margin-bottom: 30px;}

.qualityLeft h3::after{content:''; display: block; width: 32px; height: 3px; background-color: #f9440a; margin-top: 15px;}

.qualityLeft p{font-size: 1.5rem; color:#555;}

.qualityRight{width: 50%; height: 100%; float: left; margin: 0 auto; text-align: center;}

.qualityRight img{height: 100%; width: auto; margin: 0 auto;}

.production{width: 100%; position: relative;}

.productionPic{width: 100%;}

.productionPic img{width: 100%;}

.productionTxt{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(20,149,231,0.85); 



}

.productionTxt a{font-size: 2.1rem; color:#fff; text-align: left; display: block; width:240px; height: 50px;  background-color: #f9440a; margin-top: 14%;text-align: center; line-height: 48px;border-radius: 0 25px 25px 0;}

.productionTxt:hover{background-color: transparent;

    background-image: -webkit-linear-gradient(90deg, #1495e7, 30%, transparent 70%);

    background-image: -moz-linear-gradient(90deg, #1495e7, 30%, transparent 70%);

    background-image: -ms-linear-gradient(90deg, #1495e7, 30%, transparent 70%);

    background-image: -o-linear-gradient(90deg, #1495e7, 30%, transparent 70%);

    background-image: linear-gradient(90deg, #1495e7, 30%, transparent 70%);

}

.productionTxt a:hover{ background-color: #000000; color:#f9440a; }





/*产品部分*/

.productDiv{

    width: 100%;

    padding: 50px 13.00%;

    min-height: 540px;

}

.productList{

    width: 100%;

}

.productListItem{

    float: left;

    width: 32%;

    margin-right: 2%;

    margin-bottom: 30px;

}

.productListItem:nth-of-type(3n){

    margin-right: 0;

}

.productListWrap{

    width: 100%;

    background-color: #fff;

    box-shadow: 0 0 8px rgba(0,0,0,0.15);

    box-shadow: none;

    border:1px solid #f1f1f1;

}

.productListPic{

    width: 100%;

    height: 0;

    padding-bottom: 75%;

    position: relative;

    overflow: hidden;

}

.productListPic a{

    display: block;

    width: 100%;

    height: 100%;

    padding: 0%;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    margin: 0 auto;

}

.productListPic a img{

    max-width: 100%;

    max-height: 100%;

    margin: auto;

}



.productListTxt{

    width: 100%;

    margin-top: 0px;

    padding: 20px 15px;

    height: 72px;

    border-top:1px solid #f1f1f1;

    /*background: url(../images/1111.png) center top no-repeat #fff;*/

}



.productListTxt a{

    display: block;

    width: 100%;

    height: 32px;

    font-size: 1.5rem;

    font-weight: bold;

    text-align: center;

    color: #050c12;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    line-height: 30px;

}



.productListWrap:hover{

    box-shadow: 0 0 15px rgba(0,0,0,0.30);

}



.productListWrap:hover .productListPic a img{

    transform: scale(1.25);

    -ms-transform: scale(1.25);

    -moz-transform: scale(1.25);

    -webkit-transform: scale(1.25);

    -o-transform: scale(1.25);

}

.productListWrap:hover .productListTxt{

    background-color:#f9440a;

    background-image: none;

}



.productListWrap:hover .productListTxt a{

    color:#fff;

}



.productBigPhoto{

    width: 50%;

    float: left;

}



.productBigPic{

    width: 100%;

    height: 0;

    padding-bottom: 75%;

    position: relative;

    border: 1px solid #e7e7e7;

    overflow: hidden;

}

.productBigPic:hover{

    border: 1px solid #f9440a;

}



.productBigPic a{

    display: block;

    width: 100%;

    height: 100%;

    padding: 3.5%;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    margin: 0 auto;

    /*background-color: #ccc;*/

}

.productBigPic a img{

    max-width: 100%;

    max-height: 100%;

    background-color: #fff;

    border:1px solid #fff;

    margin: auto;

    position: relative;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

}

.productBigPic a:hover img{

    transform: translate(-50%, -50%) scale(1.4);

    -ms-transform: translate(-50%, -50%) scale(1.4);

    -moz-transform: translate(-50%, -50%) scale(1.4);

    -webkit-transform: translate(-50%, -50%) scale(1.4);

    -o-transform: translate(-50%, -50%) scale(1.4);

}



.productBigList{

    display: block;

    margin-top: 10px;

}



.productBigList li{

    display: inline-block;

    width: 100px;

    height: 100px;

    padding: 10px;

    border:1px solid #ccc;

    margin-right: 10px;

    margin-bottom: 10px;

}



.productBigList li a{

    display: block;

    width: 100%;

    height: 100%;

}

.productBigList li a img{

    max-width: 100%;

    max-height: 100%;

    margin: auto;

    position: relative;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

}

.productBigList li:hover{

    border-color: #f9440a;

}



.productTitle{

    width: 50%;

    float: left;

    padding-left: 50px;

}

.productTitleWrap{

    width: 100%;

    padding-top: 30px;

    padding-top: 0px;

}



.productTitleWrap h3{

    font-size: 3.0rem;

    color:#000;

    padding-bottom: 20px;

    border-bottom:1px solid #e2e0e0;

    margin-bottom: 22px;

}

.productFeature{

    width: 100%;

    padding-bottom: 20px;

    border-bottom:1px solid #e2e0e0;

    margin-bottom: 20px;

}

.productFeature h4{

    color:#777777;

    font-size: 2.4rem;

    margin-top: 20px;

    margin-bottom: 10px;

}

.productFeature ul{

    width: 100%;

    padding-left: 25px;

}



.productFeature ul li{

    list-style: outside disc;

    font-size: 1.8rem;

    margin-bottom: 8px;

}

.productFeature, .productFeature p, .productFeature div{

    font-size: 1.8rem;

}

.productFeature table{

    width: 100%;

    border-collapse: collapse;

}



.productFeature table tr th, .productFeature table tr td{

    padding: 12px;

    text-align: center;

    border: 1px solid #fff;

}

.productFeature table tr th{

    background-color: #0070c0;

    color:#fff;

}



.productFeature table tr td{

    background-color: #e7e7e7;

}

p.noteDes{

    font-size: 1.8rem;

    color:#050c12;

    margin-bottom: 20px;

}

p.noteDes span{

    color:#f9440a;

    font-weight: bold;

}

.buttonGroup{

    width: 100%;

    margin: auto;

}

.shopBtn{

    width: 100%;

    display: inline-block;

    width: 150px;

    height: 48px;

    background-color: #f9440a;

    font-size: 1.6rem;

    color:#fff;

    text-align: center;

    line-height: 46px;

    margin-right: 15px;

    margin-bottom: 15px;

}

.contactBtn{

    width: 100%;

    display: inline-block;

    width: 150px;

    height: 42px;

    border-radius: 8px;

    background-color: #0b8c43;

    font-size: 1.6rem;

    color:#fff;

    text-align: center;

    line-height: 40px;

    margin-right: 15px;

    margin-bottom: 15px;

    vertical-align: middle;

}



.shopBtn:hover, .contactBtn:hover{

    background-color: #013819;

    color:#fff;

    font-weight: 700;

}

.qqserver{

    display: inline-block;

    width: 48px;

    height: 48px;

    border-radius: 50%;

    border: 1px solid #dedede;

    vertical-align: middle;

    background: url(../images/QQ1.jpg) no-repeat;

    margin-right: 15px;

    margin-bottom: 15px;

}

.qqserver:hover {

    box-shadow: 0 0 10px rgb(0 0 0 / 30%);

    border: 1px solid #fff;

    transform: translateY(-3px);

}

.telbtn{

    display: inline-block;

    width: 48px;

    height: 48px;

    border-radius: 50%;

    border: 1px solid #dedede;

    vertical-align: middle;

    background: url(../images/tel.jpg) no-repeat;

    margin-right: 15px;

    margin-bottom: 15px;

}

.telbtn:hover {

    box-shadow: 0 0 10px rgb(0 0 0 / 30%);

    border: 1px solid #fff;

    transform: translateY(-3px);

}

.callp {

    display: block;

    font-size: 16px;

    padding-top: 0px;

}

.callp span {

    padding-left: 1px;

    font-size: 21px;

    font-weight: 700;

    color: #000;

    font-family: Georgia, serif;

}

.callp em{padding-left: 36px;}



.productDetailContent{

    margin-top: 45px;

}



.productDetailContent h3.titleh3{

    font-size: 3.0rem;

    color:#000;

    margin-bottom: 25px;

}

.productParameter{

    width: 100%;

    padding: 20px 0;

    background-color: #333333;

}

.productParameterWrap{

    max-width: 960px;

    padding: 20px 7.8% 60px;



    margin: 0 auto;

    background-color: #fff;

}

@media (max-width: 767px) {

    .productParameter{

        padding: 0 0;

    }

    .productParameterWrap{

        max-width: 100%;

        padding: 0px 0% 0px;

    }

}

@media (min-width: 768px) and (max-width: 1365px) {

    .productParameterWrap{

        max-width: 95%;

        padding: 10px 7.8% 30px;

    }

}

.productParameter, .productParameter div, .productParameter p{

    margin-bottom: 20px;

}



.productParameter, 

.productParameter div, 

.productParameter p, 

.productParameter li, 

.productParameter td, 

.productParameter th, 

.productParameter dd, 

.productParameter dt, 

.productParameter a, 

.productParameter span, 

.productParameter em, 

.productParameter i{

    font-size: 1.8rem;

    color:#555;

}



.productParameter h1,

.productParameter h2,

.productParameter h3,

.productParameter h4,

.productParameter h5{

    margin-top: 20px;

    margin-bottom: 10px;

}



.productParameter table{

    width: 100%;

    border-collapse: collapse;

}



.productParameter table tr th, .productParameter table tr td{

    padding: 12px;

    text-align: center;

}

.productParameter table tr th{

    background-color: #0b8c43;

    color:#fff;

}



.productParameter table tr td{

    border: 1px solid #ccc;

}



.updowndiv {

    width: 100%;

    margin-top: 50px;

    margin-bottom: 50px;

    padding-top: 14px;

    padding-bottom: 14px;

    border-top: 1px solid #f9440a;

    border-bottom: 1px solid #f9440a;

}



.updowndiv dl {

    display: block;

    width: 100%;

    font-size: 0;

}



.updowndiv dl dt {

    display: inline-block;

    width: 50%;

    padding: 0px;

    box-sizing: border-box;

    font-size: 1.5rem;

    color: #999999;

}



.updowndiv dl dt span {

    font-weight: 700;

    margin-right: 15px;

    font-size: 1.5rem;

}



.updowndiv dl dt a {

    font-size: 1.5rem;

    color: #000000;

}



.updowndiv dl dt a:hover {

    color: #f9440a;

}



.updowndiv dl dd {

    display: inline-block;

    width: 50%;

    padding: 0px;

    box-sizing: border-box;

    font-size: 1.5rem;

    color: #999999;

}



.updowndiv dl dd span {

    font-weight: 700;

    margin-right: 15px;

    font-size: 1.5rem;

}



.updowndiv dl dd a {

    font-weight: 700;

    font-size: 1.5rem;

    color: #000000;

}



.updowndiv dl dd a:hover {

    color: #f9440a;

}



.rebackBtn{

    text-align: center;

    margin: 0 auto;

    margin-bottom: 100px;

}



.rebackBtn a{

    font-size: 1.5rem;

    font-weight: 700;

    color:#ffffff;

    text-align: center;

    padding: 10px 40px;

    border-radius: 8px;

    background-color: #f9440a;

}

.rebackBtn a i{

    padding-left: 8px;

}



.rebackBtn a:hover{

    background-color: #050c12;

}



.titlebar{

    margin-bottom: 30px;

}



/* 新闻模块 */

.newsDiv {

    width: 100%;

    padding: 0px 11.77% 100px;

    background-color: #f7f7f7;

}



.newsContainer {

    width: 100%;

    background-color: #fff;

    padding: 50px 54px 0px;

    margin: 0 auto;

}



.newsItem {

    width: 31.373333%;

    float: left;

    margin-right: 2.94%;

    margin-bottom: 70px;

    border-bottom: 1px solid #e2e0e0;

}



.newsItem:nth-of-type(3n) {

    margin-right: 0;

}



.newsThumbnail {

    width: 100%;

    height: 0;

    padding-bottom: 66.5%;

    padding-bottom: 53.84%;

    position: relative;

    overflow: hidden;

    background-color: #edeaea;

}



.newsThumbnail a {

    display: block;

    text-align: center;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

}



.newsThumbnail a img {

    max-width: 100%;

    max-height: 100%;

    margin: auto;

}



.newsTitle {

    width: 100%;

    padding: 24px 6.5% 45px;

}



.newsTitle a {

    display: block;

    width: 100%;

    height: 54px;

    font-size: 1.8rem;

    color: #333333;

    text-align: left;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    line-height: 27px;

}



.newsDate {

    width: 100%;

    padding: 0px 6.5% 38px;

    color: #999;

    font-size: 1.6rem;

}



.newsDate i {

    margin-right: 7px;

}



.newsItem:hover {

    box-shadow: 0 0 30px rgba(0, 0, 0, 0.10);

    border-bottom: 1px solid #f9440a;

}



.newsItem:hover .newsThumbnail a img {

    transform: scale(1.12);

    -ms-transform: scale(1.12);

    -moz-transform: scale(1.12);

    -webkit-transform: scale(1.12);

    -o-transform: scale(1.12);

}



.newsItem:hover .newsTitle a {

    color: #f9440a;

}



.newsviewContainer {

    width: 100%;

    background-color: #fff;

    padding: 0px 9.13% 70px;

}



.newsviewTop {

    width: 100%;

    padding-top: 50px;

    margin-bottom: 40px;

}



.newsviewTop h3 {

    margin-top: 0px;

    margin-bottom: 25px;

    text-align: center;

    font-size: 3.6rem;

    color: #333333;

}



.newsviewTop p {

    text-align: center;

    font-size: 1.6rem;

    color: #999;

}



.newsviewTop p span {

    padding-left: 38px;

    padding-right: 38px;

    font-size: 1.6rem;

}



.newsviewTop p span i {

    padding-right: 7px;

}



.newsContent,

.newsContent div,

.newsContent p,

.newsContent span,

.newsContent i,

.newsContent em,

.newsContent li,

.newsContent dt,

.newsContent dd,

.newsContent td {

    font-size: 1.5rem;

    color: #555555;

    line-height: 2;

}



.newsContent img {

    margin-top: 20px;

    margin-bottom: 20px;

    margin-left: auto;

    margin-right: auto;

    text-align: center;

}



/* 关于板块 */

.aboutDiv{

    width: 100%;

    padding: 50px 11.9875%;

}



.titletop{

    margin-bottom: 30px;

    font-size: 2.8rem;

}



.aboutleft{

    width: 50%;

    padding-right: 35px;

    float: left;

}



.aboutleft h3{

    font-size: 2.4rem;

    margin-top: 30px;

    margin-bottom: 30px;

}



.aboutleft p{

    font-size: 1.6rem;

    text-align: justify;

    line-height: 1.5;

}



.anoutright{

    width: 50%;

    float: left;

}



.honorDiv{

    width: 100%;

    padding: 120px 0px;

    background: url(../images/honorBg.jpg) center center no-repeat;

    background-size: cover;

}



.honorContainer{

    width: 100%;

    height: 518px;

}



.companyCulture{

    width: 100%;

    padding: 100px 11.9875%;

}



.companyCulture h3{

    margin-bottom: 30px;

    font-size: 2.8rem;

}



.companyCulture h4{

    font-size: 3.0rem;

    color:#0b8c43;

}



/* contact */

.contactTxt {

    width: 30%;

    float: left;

}

.contactTxt h3{

    font-size: 24px;

    margin-bottom: 50px;

}



.contactTxt ul {

    width: 100%;

    display: block;

}



.contactTxt ul li {

    margin-bottom: 10px;

    display: inline-block;

    width: 100%;

    vertical-align: middle;

}



.contactTxt ul li::after{

    content: '';

    display: block;

    clear: both;

}



.contactTxt ul li img {

    width: 60px;

    height: 60px;

    padding: 5px;

    display: inline-block;

    vertical-align: middle;

    float: left;

    margin-right: 14px;

}



.contactTxt ul li p {

    font-size: 1.6rem;

    display: inline-block;

    padding-right: 30px;

    color: #151515;

    line-height: 60px;

}



.contactTxt ul li:nth-of-type(1) p{

    width: 80%;

    float: left;

    line-height: 1.7;

}



.baiduMap{

    width: 70%;

    height: 550px;

    float: right;

    background: url(../images/map.jpg) center center no-repeat;

}

.baiduMap a{

    width: 100%;

    height: 100%;

    display: block;

}



.contactForm{

    width: 100%;

/*    float: left;*/

    transform: translateY(-100px);

}

#contactform{

    width: 100%;

    padding: 50px 15% 10px;

    background-color: #fff;

    box-shadow: 0 0 6px rgba(0,0,0,0.12);

}



#contactform h3{

    text-align: center;

    padding: 30px 0 15px;

}

.bandiv{

    width: 50%;

    padding: 10px;

    float: left;

}



.bandiv label{

    display: block;

    font-size: 1.5rem;

    font-weight: normal;

    color: #666;

}

.bandiv label span{

    color: #f9440a;

}

.quandiv{

    width: 100%;

    padding: 10px;

    float: left;

}

.quandiv label{

    display: block;

    font-size: 1.5rem;

    font-weight: normal;

    color: #666;

}

.quandiv label span{

    color: #f9440a;

}



#name, #company, #phone, #email{

    width: 100%;

    height: 40px;

    padding: 0 15px;

    border: 1px solid #dddddd;

    border-radius: 5px;

    line-height: 38px;

}

#message{

    width: 100%;

    padding: 5px 15px;

    border: 1px solid #dddddd;

    border-radius: 5px;

    line-height: 38px;

}

#contactSubmitBtn{

    display: block;

    width: 150px;

    height: 48px;

    border-radius: 8px;

    color:#fff;

    background-color: #0b8c43;

    border: none;

    font-size: 1.5rem;

    text-align: center;

    margin: 20px auto 40px;

    cursor: pointer;

    line-height: 46px;

}

#contactSubmitBtn:hover{

    background-color: #013819;

}



/* service */

.serviceDiv{

    width: 100%;

    margin: 0 auto;

    padding: 50px 11.9875%;

}



.serviceItem{

    width: 100%;

    padding: 30px 0;

}



.serviceItem dl{

    width: 100%;

}



.serviceItem dl::after{

    content: '';

    display: block;

    clear: both;

}



.serviceItem dl dt{

    float: left;

    width: 50%;

}



.serviceItem dl dd{

    float: left;

    width: 50%;

    padding-left: 40px;

    padding-right: 40px;

}



.serviceItem dl dd h3{

    font-size: 2.8rem;

    color:#050c12;

    margin-top: 30px;

    margin-bottom: 30px;

}

.serviceItem dl dd p{

    font-size: 1.8rem;

    line-height: 1.8;

}



.serviceItem dl dd p a{

    text-decoration: underline;

    font-size: 1.8rem;

    color:#f9440a;

    padding: 0 10px;

}



.serviceItem dl dd p a:hover{

    font-size: 1.8rem;

    font-weight: bold;

    text-decoration: none;

}



.serviceItem:nth-of-type(2) dl dt{

    float: right;

}

#jindutiao{

    width: 100%;

    height: 100%;

    margin: 0 auto;

    text-align: center;

    background-color: rgba(0,0,0,0.7);

    position: absolute;

    left: 0;

    top: 0;

    display: none;

}

.beijingceng{

    width: 200px;

    height: 32px;

    background-color: #151515;

    border-radius: 16px;

    overflow: hidden;

    position: relative;

    left: 50%;

    top:50%;

    transform: translateX(-50%) translateY(-50%);

}

.secaiceng{

    width: 1%;

    height: 100%;

    background-color: green;

    

}

.shuzhiceng{

    display: block;

    width: 100%;

    text-align: center;

    color:orange;

    font-size: 1.5rem;

    line-height: 30px;

    position: absolute;

    left: 0;

    top: 0;

}



/***** 机器设备 *****/



.equipmentDiv {

    width: 100%;

    padding: 50px 11.77% 100px;

    padding: 50px 13.0% 100px;

}



.equipmentTop {

    width: 100%;

    text-align: center;

    margin-bottom: 50px;

}



.equipmentTop h3 {

    font-size: 3.6rem;

    color: #1e1e1e;

    position: relative;

}



.equipmentTop h3 span {

    padding-left: 20px;

    padding-right: 20px;

    background-color: #fff;

    font-size: 3.6rem;

    font-weight: 700;

    position: relative;

    z-index: 1;

}



.equipmentTop h3::after {

    content: '';

    display: block;

    width: 100%;

    height: 1px;

    background-color: #e94709;

    font-size: 0;

    position: absolute;

    left: 0;

    top: 50%;

}



.equipmentContainer {

    width: 100%;

    margin: 0px auto 75px;

}



.equipmentContainer::after {

    content: '';

    display: block;

    clear: both;

}



.equipmentItem {

    width: 31.33%;

    float: left;

    position: relative;

    margin-right: 3%;

    margin-bottom: 40px;

    overflow: hidden;

}



.equipmentItem:nth-of-type(3n) {

    margin-right: 0;

}



.equipmentItemWrap {

    width: 100%;

    padding: 7.8%;

    background-color: #edeaea;

    background-color: #fff;

    border:1px solid #ccc;

}



.equipmentItemPic {

    width: 100%;

    height: 0;

    padding-bottom: 74.22%;

    position: relative;

}



.equipmentItemPic a {

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    text-align: center;

}



.equipmentItemPic a img {

    max-width: 100%;

    max-height: 100%;

    margin: 0 auto;

}



.equipmentItemPic a:hover img {

    transform: scale(1.12);

    -ms-transform: scale(1.12);

    -moz-transform: scale(1.12);

    -webkit-transform: scale(1.12);

    -o-transform: scale(1.12);

}



.equipmentTxt {

    width: 100%;

    position: absolute;

    left: 0;

    bottom: 0;

    text-align: center;

}



.equipmentTxt a {

    display: inline-block;

    padding: 7px 18px;

    margin: 0 auto;

    border-radius: 8px 8px 0 0;

    background-color: #e94709;

    color: #fff;

    font-size: 1.5rem;

}



@media (max-width:767px) {

    #headdiv {

        width: 100%;

        height: 50px;

        padding: 0;

        position: relative;

        background-color: #00263a;

        background-image: none;

    }

    .logo {

        width: 42%;

    }

    .logo a {

        margin-top: 5px;

        margin-left: 10px;

    }

    .logo a img {

        max-height: 36px;

    }

    #mobileNavButton {

        display: block;

        margin-top: 8px;

        margin-right: 15px;

    }

    .language {

        width: 19%;

        margin-top: 14px;

    }

    .language a {

        color: #fff;

        font-size: 1.4rem;

    }

    .language a span {

        margin-right: 2px;

    }

    .language a img {

        vertical-align: middle;

        max-width: 22px;

    }

    .searchdiv {

        width: 16.5%;

        margin-right: 0%;

        margin-top: 0px;

        background-color: transparent;

    }

    .searchdiv a {

        font-size: 1.8rem;

        line-height: 50px;

        color: #fff;

    }

    .searchWrap button {

        right: 9px;

        font-size: 16px;

    }

    /* Mobile nva style */

    .m_nav {

        display: none;

        width: 100%;

        position: absolute;

        top: 49px;

        z-index: 6;

    }

    .m_nav>ul {

        display: block;

        width: 100%;

        margin-bottom: 0;

        /* border-top: 1px solid #f9440a; */

        border-bottom: 1px solid #f9440a;

        background-color: #fff;

        position: relative;

        top: 0px;

        z-index: 3;

    }

    .m_nav ul {

        display: block;

        width: 100%;

        margin-bottom: 0;

        position: relative;

        top: 0px;

        z-index: 3;

        background-color: #fff;

    }

    .m_nav ul li {

        display: block;

        width: 100%;

        border-top: 1px solid #ececec;

        text-align: left;

        overflow: visible;

        position: relative;

    }

    .m_nav ul li ul {

        display: none;

    }

    .m_nav ul li ul li ul {

        display: none;

    }

    .m_nav ul li a {

        display: block;

        width: 100%;

        padding: 10px 0px 10px 30px;

        color: #333;

        font-size: 1.4rem;

        /* text-transform: uppercase;

    font-family: "Poppins"; */

        line-height: 1.1;

        position: relative;

    }

    .m_nav ul li a i {

        margin-right: 8px;

    }

    .m_nav ul li.has_sub {

        pointer-events: none;

    }

    .m_nav ul li.has_sub a {

        padding: 10px 50px 10px 30px;

        pointer-events: auto;

    }

    .m_nav ul li.has_sub::after {

        content: "\f105";

        display: block;

        width: 50px;

        height: 36px;

        font-size: 16px;

        font-family: FontAwesome;

        color: #fff;

        background-color: #ccc;

        text-align: center;

        position: absolute;

        right: 0;

        top: 0;

        z-index: 10;

        cursor: pointer;

        pointer-events: auto;

        line-height: 36px;

    }

    .m_nav ul li.has_sub.on::after {

        content: "\f107";

    }

    .m_nav ul li ul {

        padding-left: 30px;

    }

    .m_nav ul li ul li a::before {

        content: "\f0da";

        font-size: 14px;

        font-family: FontAwesome;

        color: #454545;

        position: absolute;

        left: 16px;

        top: 10px;

    }

    .m_nav ul li ul li ul {

        padding-left: 30px;

    }

    .m_nav ul li ul li.has_sub {

        pointer-events: none;

    }

    .m_nav ul li ul li.has_sub a {

        padding: 10px 50px 10px 30px;

        pointer-events: auto;

    }

    .m_nav ul li ul li.has_sub::after {

        content: "\f105";

        display: block;

        width: 50px;

        height: 36px;

        font-size: 16px;

        font-family: FontAwesome;

        color: #fff;

        background-color: #ccc;

        text-align: center;

        position: absolute;

        right: 0;

        top: 0;

        z-index: 10;

        cursor: pointer;

        pointer-events: auto;

        line-height: 36px;

    }

    .m_nav ul li ul li.has_sub.on::after {

        content: "\f107";

    }

    .bx-wrapper {

        margin: 0px auto 0px;

    }

    .bx-wrapper .bx-pager {

        display: none;

    }

    .bx-controls-direction {

        display: none;

    }



    

    .iableft{width: 100%; float:none;}

    .iabright{width:100%; padding: 30px 15px;}

    .iabright h3{ margin-top: 0px; font-size: 21px; font-weight: 400;}

    .iabright p{ 

        color: #666666;

        font-size: 13px;

        line-height: 22px;

    }

    

    .footerTop {

        width: 100%;

        padding: 30px 15px 30px;

    }



    .footerDown {

        width: 100%;

        padding: 20px 15px;

    }

    .footerDown p span{display: block; float: none; margin-top: 10px;}



    .sub_nav_left{ width:100%; margin-bottom: 50px;}

    .sub_nav_center{ width:100%; margin-bottom: 30px;}

    .sub_nav_right{ width:100%; margin-bottom: 30px; float: left;}

    .sub_nav_right_wrap{text-align: left;}

    .sub_nav_right_wrap dl{text-align: left;}

    .sub_nav_right_wrap dl dd{margin-left: 0; margin-right: 20px; margin-bottom: 20px;}

    

    .sub_nav_left_wrap {

        width: 100%;

        padding-right: 0%;

    }

    .sub_nav_left_wrap p{padding-top: 20px; padding-bottom: 12px;}

    .sub_nav_center_wrap dl{width: 50%;}

    

    .flash{margin-top: 3px;}

    .maindiv {

        width: 100%;

        padding: 30px 15px;

    }

    .toptitle {

        margin: 0 auto 15px;

        text-align: center;

    }

    .toptitle h3 {

        font-size: 1.8rem;

        color: #00263a;

    }

    .ipronav {

    padding-bottom: 15px;

}

    .ipronav li {

        display: inline-block;

        margin: 4px 6px;

    }

    .ipronav li a {

        display: block;

        width: 130px;

        height: 32px;

        border-radius: 21px;

        background-color: #1495e7;

        color: #fff;

        font-size: 1.4rem;

        font-weight: normal;

        text-align: center;

        line-height: 30px;

    }

    .iproItem {

    float: left;

    width: 49.0%;

    margin-right: 2.0%;

    margin-bottom: 15px;

}

    .iproItem:nth-of-type(3),

    .iproItem:nth-of-type(6),

    .iproItem:nth-of-type(8){

        margin-right: 2%;

    }

    .iproItem:nth-of-type(2n){

        margin-right: 0%;

    }

    .iproItemTxt {

        position: static;

        left: 0;

        bottom: 0;

        width: 100%;

        padding: 5px 10px;

        background-color: rgba(0,0,0,0.3);

    }

    .iproItemTxt a{

        font-size: 1.2rem;

    }

    .getpricebox {

        width: 100%;

        padding: 15px 15px;

        border: 1px dashed #1495e7;

        margin: 0 auto;

        text-align: center;

        background-color: #fff;

    }

    .getpricebox img{max-width: 60%;}

    .getpricebox h3 {

        font-size: 1.8rem;

        color: #002133;

        margin-top: 20px;

    }

    .getpricebox p {

        margin-top: 15px;

        margin-bottom: 20px;

        font-size: 1.2rem;

        color: #777;

    }

    input#c_name {

        width: 100%;

        height: 40px;

        border: 1px solid #1495e7;

        font-size: 1.5rem;

        padding-left: 15px;

        border-radius: 4px;

        margin-bottom: 5px;

    }

    input#c_mobile {

        width: 100%;

        height: 40px;

        border: 1px solid #1495e7;

        font-size: 1.5rem;

        padding-left: 15px;

        border-radius: 4px;

        margin-bottom: 5px;

    }

    .fileslabel {

        display: inline-block;

        border: 1px solid #1495e7;

        width: 100%;

        height: 40px;

        vertical-align: top;

        line-height: 38px;

        color: #00263a;

        font-size: 1.5rem;

        background-color: #f4f6ee;

        cursor: pointer;

        border-radius: 4px;

        margin-bottom: 5px;

    }

    input#getpricebtn{

        width: 100%;

    }

    .iabright {

        width: 100%;

        padding: 15px 15px;

    }

    .iabright h3 {

        margin-top: 0px;

        font-size: 1.8rem;

        font-weight: 700;

        margin-bottom: 15px;

    }

    .iabb {

        width: 100%;

        margin-top: 30px;

        margin-bottom: 20px;

    }

    .iabbtn {

        display: block;

        float: left;

        width: 98%;

        margin-right: 2%;

        padding: 2.4%;

        background-color: #1495e7;

        font-size: 1.6rem;

        color: #fff;

        margin-bottom: 5px;

        border-radius: 8px;

    }

    .featureicon {

        margin-top: 20px;

    }

    .featureiconItem {

        display: inline-block;

        width: 50%;

        margin-bottom: 20px;

    }

    .featureiconItem img {

        max-width: 60px;

        max-height: 60px;

    }

    .featureiconItem h4 {

        font-size: 1.5rem;

        color: #002133;

        margin-top: 8px;

        margin-bottom: 0px;

    }

    .featureiconItem p {

        font-size: 1.2rem;

        color: #002133;

        padding: 0 18px;

    }

    p.title_p {

        font-size: 1.4rem;

        color: #777;

        text-align: center;

        padding: 0 30px;

    }

    .iteseItem {

        width: 50%;

    }

    .iteseItem:nth-of-type(3){margin: 0 auto; text-align: center;}

    .iteseItem p{font-size: 1.5rem;}

    .itese{margin: 0 auto; text-align: center;}

    .inewsItem {

        float: left;

        width: 100%;

        margin-right: 0%;

        margin-bottom: 30px;

    }

    .inewsItemTxt h3 a { font-size: 1.5rem; }

    .inewsItemTxt p { font-size: 1.2rem; }

    .inewsItemTxt span { display: block; margin-top: 0px; }

    

    



    .updownBtn{

        right: 5px;

    }

    .upBtn,

    .downBtn {

        width: 30px;

        height: 30px;

        border-radius: 50%;

        overflow: hidden;

        margin-bottom: 5px;

    }

    .upBtn a,

    .downBtn a {

        font-size: 1.8rem;

        line-height: 28px;

    }





    

    .innerBanner {

        width: 100%;

        height: 150px;

        padding: 0 15px;

        position: relative;

    }

    .location {

        width: 100%;

        padding-top: 40px;

    }

    .location h2 {

        font-size: 2.0rem;

        color: #fff;

        margin-bottom: 10px;

    }

    .location p {

        font-size: 1.2rem;

        color: #fff;

    }

    .location p a {

        font-size: 1.2rem;

    }

    #subnav{

        display: none;

    }

    .productDiv {

        width: 100%;

        padding: 20px 15px;

        min-height: auto;

    }

    .productListItem {

        float: left;

        width: 49.0%;

        margin-right: 2%;

        margin-bottom: 20px;

    }

    .productListItem:nth-of-type(3n){

        margin-right: 2%;

    }

    .productListItem:nth-of-type(2n){

        margin-right: 0%;

    }

    .pagediv{

        padding-bottom: 30px;

    }

    .productListPic a{

        padding: 0%;

    }

    .productListTxt {

        width: 100%;

        margin-top: 10px;

        padding: 10px 10px;

        height: 72px;

    }

    .productListTxt{

        height: 60px;

    }

    .productListTxt a{

        font-size: 1.2rem;

    }

    .productBigPhoto {

        width: 100%;

        float: left;

    }

    .productBigList li {

        display: inline-block;

        width: 64px;

        height: 64px;

        padding: 0px;

        border: 1px solid #ccc;

        margin-right: 5px;

        margin-bottom: 7px;

    }

    .productTitle {

        width: 100%;

        float: left;

        padding-left: 0px;

    }

    .productTitleWrap h3 {

        font-size: 1.8rem;

        padding-top: 25px;

        padding-bottom: 20px;

        margin-bottom: 20px;

    }

    .productFeature, .productFeature p, .productFeature div {

        font-size: 1.4rem !important;

    }

    .productFeature h4 {

        font-size: 1.6rem;

        margin-top: 20px;

        margin-bottom: 10px;

    }

    .productFeature ul li {

        list-style: outside disc;

        font-size: 1.2rem;

        margin-bottom: 8px;

    }

    .shopBtn, .contactBtn{

        width: 108px;

        font-size: 1.3rem;

        margin-right: 10px;

    }

    .productDetailContent {

        margin-top: 30px;

    }

    .productDetailContent h3.titleh3 {

        font-size: 1.8rem;

        padding: 10px 0;

        color: #000;

        background-color: #f1f1f1;

        margin-bottom: 25px;

    }

    .productParameter, .productParameter div, .productParameter p, .productParameter li, .productParameter td, .productParameter th, .productParameter dd, .productParameter dt, .productParameter a, .productParameter span, .productParameter em, .productParameter i {

        font-size: 1.2rem;

        color: #555;

    }

    .buttonGroup a{margin-right: 5px;}

    .callp em{display: block; padding-left: 0; padding-top: 10px; font-size: 14px;}

    .updowndiv dl dt {

        display: inline-block;

        width: 100%;

        padding: 0px;

        box-sizing: border-box;

        font-size: 1.4rem;

        color: #999999;

        margin-bottom: 10px;

    }

    .updowndiv dl dd{

        width: 100%;

        padding: 0px;

        box-sizing: border-box;

        font-size: 1.4rem;

    }

    .rebackBtn {

        text-align: center;

        margin: 0 auto;

        margin-bottom: 50px;

    }

    .rebackBtn a {

        font-size: 1.3rem;

    }

    .serviceDiv {

        width: 100%;

        margin: 0 auto;

        padding: 20px 15px;

    }

    .titletop {

        margin-bottom: 15px;

        font-size: 1.8rem;

    }

    .serviceItem {

        width: 100%;

        padding: 10px 0;

    }

    .serviceItem dl dt {

        float: left;

        width: 100%;

    }

    .serviceItem dl dd {

        float: left;

        width: 100%;

        padding-left: 0px;

        padding-right: 0px;

    }

    .serviceItem dl dd h3 {

        font-size: 1.8rem;

        color: #050c12;

        margin-top: 20px;

        margin-bottom: 10px;

    }

    .serviceItem dl dd p {

        font-size: 1.2rem;

        line-height: 1.8;

    }

    .serviceItem dl dd p a {

        text-decoration: underline;

        font-size: 1.2rem;

        color: #f9440a;

        padding: 0 10px;

    }

    .newsDiv {

        width: 100%;

        padding: 0px 15px 30px;

        background-color: #fff;

    }

    .newsContainer {

        width: 100%;

        background-color: #fff;

        padding: 20px 0px 0px;

        margin: 0 auto;

    }

    /**/

    .newsDiv {

        width: 100%;

        padding: 0px 0px 0px;

        background-color: #f7f7f7;

    }

    .newsContainer {

        width: 100%;

        background-color: #fff;

        padding: 20px 15px 0px;

        margin: 0 auto;

    }

    .newsItem {

        width: 47.42%;

        margin-right: 5.16%;

        margin-bottom: 30px;

    }

    .newsItem:nth-of-type(3n) {

        margin-right: 5.16%;

    }

    .newsItem:nth-of-type(2n) {

        margin-right: 0%;

    }

    .newsTitle {

        width: 100%;

        padding: 10px 6.5% 15px;

    }

    .newsTitle a {

        height: 36px;

        font-size: 1.2rem;

        line-height: 18px;

    }

    .newsDate {

        width: 100%;

        padding: 0px 6.5% 15px;

        font-size: 1.2rem;

    }

    .newsviewContainer {

        width: 100%;

        background-color: #fff;

        padding: 0px 15px 30px;

    }

    .newsviewTop {

        width: 100%;

        padding-top: 20px;

        margin-bottom: 20px;

    }

    .newsviewTop h3 {

        margin-top: 0px;

        margin-bottom: 15px;

        text-align: left;

        font-size: 1.8rem;

        color: #000;

    }

    .newsviewTop p {

        text-align: left;

        font-size: 1.2rem;

        color: #999;

    }

    .newsviewTop p span {

        padding-left: 0px;

        font-size: 1.2rem;

    }

    .newsContent,

    .newsContent div,

    .newsContent p,

    .newsContent span,

    .newsContent i,

    .newsContent em,

    .newsContent li,

    .newsContent dt,

    .newsContent dd,

    .newsContent td {

        font-size: 1.2rem;

        color: #555555;

        line-height: 1.6;

    }

    .newsContent div,

    .newsContent p {

        margin-bottom: 10px;

    }

    .newsContent video {

        width: 100% !important;

        height: auto !important;

    }

    .updowndiv {

        width: 100%;

        margin-top: 30px;

        margin-bottom: 30px;

    }

    .updowndiv dl dt {

        width: 100%;

        padding: 0px;

        font-size: 1.3rem;

    }

    .updowndiv dl dd {

        width: 100%;

        padding: 0px;

        font-size: 1.3rem;

    }

    .updowndiv dl dt span {

        font-size: 1.3rem;

    }

    .updowndiv dl dd span {

        font-size: 1.3rem;

    }

    .updowndiv dl dt a,

    .updowndiv dl dd a {

        font-size: 1.3rem;

    }

    .rebackBtn a{

        font-size: 1.3rem;

    }

    .aboutDiv {

        width: 100%;

        padding: 20px 15px;

    }

    .aboutleft {

        width: 100%;

        padding-right: 0px;

        float: left;

    }

    .aboutleft h3 {

        font-size: 1.8rem;

        margin-top: 15px;

        margin-bottom: 15px;

    }

    .aboutleft p {

        font-size: 1.2rem;

        text-align: justify;

        line-height: 1.5;

    }

    .anoutright {

        width: 100%;

        float: left;

    }

    .honorDiv {

        width: 100%;

        padding: 30px 0px;

    }

    .honorContainer{

        width: 100%;

        height: 260px;

    }

    .companyCulture{

        width: 100%;

        padding: 30px 15px 50px;

    }

    .companyCulture h3{

        margin-bottom: 20px;

        font-size: 1.8rem;

    }

    .companyCulture h4{

        font-size: 1.8rem;

    }

    .contactTxt {

        width: 100%;

        float: left;

    }

    .contactTxt h3 {

        margin-bottom: 10px;

        font-size: 2.0rem;

        padding-left: 5px;

    }

    .contactTxt ul li img {

        width: 42px;

        height: 42px;

        padding: 5px;

        display: inline-block;

        margin-right: 4px;

    }

    .contactTxt ul li p {

        display: inline-block;

        font-size: 1.4rem;

        color: #151515;

        line-height: 40px;

    }

    .contactTxt ul li:nth-of-type(1) p {

        width: 84%;

        float: left;

        line-height: 1.407;

    }

    .contactForm {

        width: 100%;

        float: none;

        transform: translateY(0px);

    }

    #contactform {

        width: 100%;

        padding: 0 5px 10px;

    }

    #contactform h3 {

        font-size: 2.0rem;

    }

    #name, #company, #phone, #email {

        width: 100%;

        height: 32px;

        padding: 0 10px;

        border: 1px solid #dddddd;

        border-radius: 5px;

        line-height: 30px;

    }

    #message{ line-height: 1.6;}

    .baiduMap{width: 100%; height: 450px;}

    .bandiv label {

        display: block;

        font-size: 1.3rem;

        font-weight: normal;

        color: #666;

    }

    .quandiv label{ font-size: 1.3px;}

    .bandiv {

        width: 100%;

        padding: 10px;

        float: left;

    }

    .companyBoxLeft{ width: 100%; display: none;}

    .companyBoxRight{width: 100%; padding-right: 0;}

    .companyBoxRight h3 { font-size: 1.8rem; margin-bottom: 30px; }

    .companyBoxRight p { font-size: 1.2rem; line-height: 1.8;}

    .developmentBox{padding: 0; padding-bottom: 30px;}

    .developmentBoxLeft{width: 100%;}

    .developmentBoxRight{width: 100%;}

    .developmentBoxRight h3{margin-bottom: 20px; font-size: 1.8rem;}

    

    .developmentBoxRight ul li h4{font-size: 2.1rem;}

    .developmentBoxRight ul li p { font-size: 1.2rem;}

    .cultureBx h3 {

        font-size: 1.8rem;

        color: #000;

        margin-bottom: 30px;

        text-align: center;

    }

    .quality{ margin: 30px 0;}

    .qualityLeft h3 {

        font-size: 1.8rem;

        color: #000;

        margin-bottom: 30px;

    }

    .qualityLeft{ width: 100%; padding-right: 5%; margin-bottom: 10px;}

    .qualityLeft p { font-size: 1.2rem; color: #555;}

    .qualityRight {width: 100%;}

    .qualityRight img {

        height: auto !important;

        width: 90% !important;

        margin: 0 auto;

    }

    .productionTxt {

        background-color: transparent;

        background-image: -webkit-linear-gradient(90deg, #1495e7, 30%, transparent 70%);

        background-image: -moz-linear-gradient(90deg, #1495e7, 30%, transparent 70%);

        background-image: -ms-linear-gradient(90deg, #1495e7, 30%, transparent 70%);

        background-image: -o-linear-gradient(90deg, #1495e7, 30%, transparent 70%);

        background-image: linear-gradient(90deg, #1495e7, 30%, transparent 70%);

    }

    .productionTxt a{font-size: 1.8rem; margin-top: 1%;}

    .equipmentDiv {

        width: 100%;

        padding: 30px 15px 30px;

    }

    .equipmentTop {

        margin-bottom: 20px;

    }

    .equipmentTop h3 {

        font-size: 1.8rem;

        margin-top: 0;

    }

    .equipmentTop h3 span {

        font-size: 1.8rem;

    }

    .equipmentContainer {

        margin: 0px auto 40px;

    }

    .equipmentItem {

        width: 47.41%;

        margin-right: 5.18%;

        margin-bottom: 15px;

    }

    .equipmentItem:nth-of-type(3n) {

        margin-right: 5.18%;

    }

    .equipmentItem:nth-of-type(2n) {

        margin-right: 0%;

    }

    .equipmentItemWrap {

        padding: 5%;

    }

    .equipmentTxt a {

        display: block;

        padding: 2px 10px;

        margin: 0 auto;

        border-radius: 3px 3px 0 0;

        background-color: #e94709;

        color: #fff;

        font-size: 1.2rem;

    }

}



@media (min-width: 768px) and (max-width: 1199px){

    #headdiv {

        width: 100%;

        height: 76px;

        padding: 0;

        position: relative;

        background-color: #00263a;

        background-image: none;

    }

    .logo {

        width: 25%;

    }

    .logo a {

        margin-top: 10px;

        margin-left: 15px;

    }

    .logo a img {

        max-height: 50px;

    }



    #mobileNavButton {

        display: block;

        margin-top: 18px;

        margin-right: 20px;

    }

    #mobileNavButton a {

        font-size: 3.6rem;

        color: #000;

    }

    .language {

        width: 17%;

        margin-top: 26px;

    }

    .language a {

        color: #fff;

    }

    .searchdiv {

        width: 12%;

        float: right;

        text-align: center;

        margin-right: 0%;

        margin-top: 0;

    }

    .searchdiv a {

        color: #fff;

        line-height: 76px;

    }

    /* Mobile nva style */

    .m_nav {

        display: none;

        width: 100%;

        position: absolute;

        top: 76px;

        z-index: 9999;

    }

    .m_nav>ul {

        display: block;

        width: 100%;

        margin-bottom: 0;

        border-top: 1px solid #ea2e14;

        border-bottom: 1px solid #ea2e14;

        background-color: #fff;

        position: relative;

        top: 0px;

        z-index: 3;

    }

    .m_nav ul {

        display: block;

        width: 100%;

        margin-bottom: 0;

        position: relative;

        top: 0px;

        z-index: 3;

        background-color: #fff;

    }

    .m_nav ul li {

        display: block;

        width: 100%;

        border-top: 1px solid #ececec;

        text-align: left;

        overflow: visible;

        position: relative;

    }

    .m_nav ul li ul {

        display: none;

    }

    .m_nav ul li ul li ul {

        display: none;

    }

    .m_nav ul li a {

        display: block;

        width: 100%;

        padding: 10px 0px 10px 30px;

        color: #333;

        font-size: 1.4rem;

        /* text-transform: uppercase;

    font-family: "Poppins"; */

        line-height: 1.1;

        position: relative;

    }

    .m_nav ul li a i {

        margin-right: 8px;

    }

    .m_nav ul li.has_sub {

        pointer-events: none;

    }

    .m_nav ul li.has_sub a {

        padding: 10px 50px 10px 30px;

        pointer-events: auto;

    }

    .m_nav ul li.has_sub::after {

        content: "\f105";

        display: block;

        width: 50px;

        height: 36px;

        font-size: 16px;

        font-family: FontAwesome;

        color: #fff;

        background-color: #ccc;

        text-align: center;

        position: absolute;

        right: 0;

        top: 0;

        z-index: 10;

        cursor: pointer;

        pointer-events: auto;

        line-height: 36px;

    }

    .m_nav ul li.has_sub.on::after {

        content: "\f107";

    }

    .m_nav ul li ul {

        padding-left: 30px;

    }

    .m_nav ul li ul li a::before {

        content: "\f0da";

        font-size: 14px;

        font-family: FontAwesome;

        color: #454545;

        position: absolute;

        left: 16px;

        top: 10px;

    }

    .m_nav ul li ul li ul {

        padding-left: 30px;

    }

    .m_nav ul li ul li.has_sub {

        pointer-events: none;

    }

    .m_nav ul li ul li.has_sub a {

        padding: 10px 50px 10px 40px;

        pointer-events: auto;

    }

    .m_nav ul li ul li.has_sub::after {

        content: "\f105";

        display: block;

        width: 50px;

        height: 36px;

        font-size: 16px;

        font-family: FontAwesome;

        color: #fff;

        background-color: #ccc;

        text-align: center;

        position: absolute;

        right: 0;

        top: 0;

        z-index: 10;

        cursor: pointer;

        pointer-events: auto;

        line-height: 36px;

    }

    .m_nav ul li ul li.has_sub.on::after {

        content: "\f107";

    }

    .bx-wrapper .bx-pager {

        bottom: 0;

    }

    .bx-wrapper .bx-pager.bx-default-pager a {

        width: 10px;

        height: 10px;

    }

    .maindiv {

        width: 100%;

        padding: 30px 30px;

    }

    .toptitle {

        margin: 0 auto 20px;

        text-align: center;

    }

    .toptitle h3 { font-size: 2.1rem; }

    .ipronav {

        width: 100%;

        margin: 0 auto;

        text-align: center;

        padding-bottom: 20px;

    }

    .ipronav li {

        display: inline-block;

        margin: 5px 5px;

    }

    .iproItemTxt {

        position: static;

        left: 0;

        bottom: 0;

        width: 100%;

        padding: 5px 10px;

        background-color: rgba(0,0,0,0.3);

    }

    .iproItemTxt a{font-size: 1.5rem;}

    input#getpricebtn{margin-top: 15px;}

    .iabout {

        width: 100%;

        background-color: #ffffff;

        padding: 30px 0px;

    }

    .iableft {

        width: 45%;

        float: left;

        margin-right: 4%;

        overflow: hidden;

    }

    .iabright {

        width: 100%;

        padding-left: 4.5%;

        padding-right: 4.5%;

        box-sizing: border-box;

        float: none;

    }

    .iabright h3 {

        font-size: 2.1rem;

        font-weight: 700;

        color: #00263a;

        margin-top: 0px;

        margin-bottom: 21px;

        position: relative;

        padding-top: 20px;

    }

    .iabright p {

        color: #777777;

        font-size: 1.6rem;

        text-align: justify;

        line-height: 30px;

    }

    .iabb {

        width: 100%;

        margin-top: 30px;

        margin-bottom: 30px;

    }

    .iabbtn{font-size: 1.6rem; border-radius: 8px; margin-bottom: 20px;}

    .iabbtn i {

        font-style: normal;

        font-family: Arial;

        font-size: 1.2rem;

    }

    .iabbtn img {

        max-width: 50px;

        max-height: 40px;

        float: left;

        margin-right: 21px;

    }

    .featureicon { margin-top: 20px; margin-bottom: 0px; }

    .featureiconItem img { max-width: 50px; max-height: 50px;}

    .featureiconItem h4 {

        font-size: 1.6rem;

        color: #002133;

        margin-top: 10px;

        margin-bottom: 10px;

    }

    .featureiconItem p {

        font-size: 1.2rem;

        color: #777777;

        padding: 0 32px;

    }

    .inewsItemTxt h3 a { font-size: 1.6rem;}

    .inewsItemTxt p {font-size: 1.3rem;}

    .inewsItemTxt span { display: block; margin-top: 0px;}

    

    .sub_nav_left { width: 27%; float: left; }

    .sub_nav_center { width: 50%; float: left;}

    .sub_nav_right { width: 23%; float: right;}

    .sub_nav_left_wrap { width: 100%; padding-right: 24%;}

    .sub_nav_left_wrap p {

        font-size: 1.2rem;

        color: rgba(255,255,255,0.75);

        padding-top: 25px;

        padding-bottom: 26px;

    }

    .sub_nav_center_wrap dl dt {

        font-size: 1.6rem;

        font-weight: bold;

        color: #138fdf;

        margin-bottom: 40px;

        margin-top: 12px;

    }

    .fileslabel { vertical-align: bottom;}

    



    .footerTop {

        width: 100%;

        padding: 50px 20px 50px;

    }

    .sub_nav_right_wrap dl dd{margin-bottom: 20px;}

    .sub_nav_center_wrap dl dd a { font-size: 1.4rem; }

    .footerDown {

        width: 100%;

        padding: 40px 30px;

        background-color: #000f17;

    }

    .contactTxt {

        width: 100%;

        float: left;

    }

    .baiduMap{ width: 100%; }

    .newsDiv {

        width: 100%;

        padding: 0px 0px 0px;

        background-color: #f7f7f7;

    }

    .newsContainer {

        width: 100%;

        background-color: #fff;

        padding: 30px 30px 0px;

        margin: 0 auto;

    }

    .newsviewTop h3 {

        font-size: 2.4rem;

        color: #333333;

    }

    .equipmentDiv {

        width: 100%;

        padding: 30px 30px 30px;

    }

    .subnavlist {

        width: 100%;

        padding: 10px 15px 0px;

        text-align: left;

        font-size: 0;

    }

    .subnavlist a{box-shadow: 0 0 10px rgba(0,0,0,0.15);}

    .productDiv {

        width: 100%;

        padding: 30px 30px;

        margin-top: 40px;

        min-height: 540px;

    }

    .productTitleWrap h3 {

        font-size: 2.4rem;

        color: #000;

        padding-bottom: 15px;

        border-bottom: 1px solid #e2e0e0;

        margin-bottom: 15px;

    }

    .productFeature, .productFeature p, .productFeature div {

        font-size: 1.4rem;

    }

    .productFeature h4{font-size: 1.6rem;}

    .productBigPhoto { width: 75%; float: left;}

    .productBigPic a{padding: 0;}

    .productTitle {

        width: 100%;

        float: left;

        margin-top: 30px;

        padding-left: 0px;

    }

    .companyBoxLeft{width: 40%;}

    .companyBoxLeft img {width: 100%;}

    .companyBoxRight {

        width: 60%;

        padding-right: 1%;

        display: block;

        float: left;

    }

    .developmentBox {

        width: 100%;

        padding: 70px 0;

        margin-top: 0px;

    }

    .developmentBoxRight {

        width: 50%;

        padding-left: 5%;

        display: block;

        float: left;

    }

    .quality {

        width: 100%;

        height: 324px;

    }

    .qualityRight{padding-right: 10px;}

    .qualityRight img {

        height: auto;

        width: 100%;

        margin: 0 auto;

    }



}

@media (min-width: 1200px) and (max-width: 1366px){

    .logo { width: 16%;}

    .navdiv>ul { text-align: right;}

    .contactTxt {

        width: 35%;

        float: left;

    }

    .contactForm {

        width: 100%;

        float: none;

    }

    #contactform {

        width: 100%;

        padding: 20px 8% 10px;

        background-color: #fff;

        box-shadow: 0 0 6px rgb(0 0 0 / 12%);

    }

    .companyBoxRight {

        width: 50%;

        padding-right: 0%;

        display: block;

        float: left;

    }

    .productDiv {

        width: 100%;

        padding: 50px 6%;

        min-height: 540px;

    }

    .equipmentDiv {

        width: 100%;

        padding: 50px 11% 100px;

    }

    .contactTxt ul li:nth-of-type(1) p {

        width: 78%;

        float: left;

        line-height: 1.7;

    }

    .baiduMap {

        width: 65%;

        height: 500px;

    }

    .footerTop {

        width: 100%;

        padding: 75px 4%;

    }

    .iableft a img {

        max-width: 100%;

        min-height: 580px;

        transition: all .25s;

        -webkit-transition: all .25s;

        -moz-transition: all .25s;

        -ms-transition: all .25s;

        -o-transition: all .25s;

    }

    .iabright {

        width: 55%;

        padding-left: 4.5%;

        padding-right: 4.5%;

        box-sizing: border-box;

        float: left;

    }

    .iabright h3 {

        font-size: 3.6rem;

        font-weight: 700;

        color: #00263a;

        margin-top: 20px;

        margin-bottom: 34px;

        position: relative;

    }

    .iabright p {

        color: #777777;

        font-size: 16px;

        text-align: justify;

        line-height: 24px;

    }

    .iabb {

        width: 100%;

        margin-top: 30px;

        margin-bottom: 30px;

    }

    .iabbtn {

        display: block;

        float: left;

        width: 32%;

        margin-right: 2%;

        padding: 2.4%;

        background-color: #1495e7;

        font-size: 1.4rem;

        color: #fff;

    }

    .iabbtn img {

        max-width: 38px;

        max-height: 38px;

        float: left;

        margin-right: 12px;

    }

    .iabbtn i {

        font-style: normal;

        font-family: Arial;

        font-size: 1.2rem;

    }

}



@media (min-width: 2560px) and (max-width: 3840px){

    .adBox{

        background-size: cover;

    }

    .aboutBoxRight {

        padding-top: 90px;

    }

    .iableft a img{width: 100%;}

    .lineimgdiv img{width: 100%;}

    .iteseItem img{width: 100%;}

}